<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器 所有的p标签color将被设置为brown,字体大小将被设置为40px */
        /* p{
            color: brown;
            font-size: 40px;
        } */
         /* 类选择器 所有的red类的color将被设置为aque,字体大小将被设置为50px*/
         /* .red{
            color: aqua;
            font-size: 50px;
         } */
          /* id选择器 id为p3的color将被设置为deeppink,字体大小将被设置为80px*/
          /* #p3{
            color: deeppink;
            font-size: 80px;
          } */
           /* 复合选择器 类为red或者类为green 的color将被设置为blueviolet,字体大小将被设置为100px*/
           /* .red, .green {
             color: blueviolet;
             font-size: 100px;
           } */
        /* 通配符选择器 将所有的标签color设置为black,字体大小将被设置为15px*/
        /* *{
            color: black;
            font-size: 15px;
        } */
         .green, #p3{
            color: bisque;
            font-size: 50px;
         }
    </style>
</head>
<body>
   <p class="red">我是一个段落111</p> 
   <p style="color: blue;">我是一个段落222</p>
   <p class="red" id="p3">我是一个段落333</p>
   <a href="#">超链接1</a>
   <a href="#" class="blue">超链接2</a>
   <div>我是一个div111</div>
   <div class="green">我是一个div222</div>
   <div>
    <span>我是一个span111</span>
    <span class="blue">我是一个span222</span>
    <span class="red" id="span3">我是一个span333</span>
   </div>
</body>
</html>